import { DataList } from "@/types/DataList";
import "./Content.css";
interface CardComponentProps {
  contentData: DataList;
}
export default function Content({ contentData }: CardComponentProps) {
  const content = contentData.content;

  return (
    <>
      {content.map((item) => {
        return (
          <div key={item.id} className=" sj-content">
            <span>{item.content}</span>
            <div className={`${item.content2 ? "" : "hidden"}`}>
              <br />
              <span>
                {item.content2}
                {item._name &&
                  item._name.map((name) => {
                    return (
                      <a href="#" className="text-[#6701E6]" key={item.id}>
                        {"@" + name}
                      </a>
                    );
                  })}
              </span>
            </div>
          </div>
        );
      })}
    </>
  );
}
